<section class="content-section-column">
  <section class="content-section-flex">
    <button lv-button lvType="primary">Primary Button</button>
    <button lv-button lvType="primary">
      <i lv-icon="lv-icon-search" lvColorState></i>
      <span>Primary Button</span>
    </button>
    <button lv-button lvType="primary" class="only-icon-btn"><i lv-icon="lv-icon-search" lvColorState></i></button>
    <button lv-button lvType="primary" lvLoading="true">Primary Button</button>
    <button lv-button lvType="primary" [disabled]="true">Primary Button</button>
    <button lv-button lvType="primary" [disabled]="true">
      <i lv-icon="lv-icon-search" lvColorState></i>
      <span>Primary Button</span>
    </button>
  </section>
  <section class="content-section-flex">
    <button lv-button>Default Button</button>
    <button lv-button>
      <i lv-icon="lv-icon-search" lvColorState></i>
      <span>Default Button</span>
    </button>
    <button lv-button class="only-icon-btn"><i lv-icon="lv-icon-search" lvColorState></i></button>
    <button lv-button lvLoading="true">Default Button</button>
    <button lv-button [disabled]="true">Default Button</button>
    <button lv-button [disabled]="true">
      <i lv-icon="lv-icon-search" lvColorState></i>
      <span>Default Button</span>
    </button>
  </section>
  <section class="content-section-flex">
    <button lv-button lvType="link">Text Button</button>
    <button lv-button lvType="link">
      <i lv-icon="lv-icon-search" lvColorState></i>
      <span>Text Button</span>
    </button>
    <button lv-button lvType="link" class="only-icon-btn-link">
      <i lv-icon="lv-icon-search" lvColorState></i>
    </button>
    <i lv-icon="lv-icon-search" lvColorState></i>
    <button lv-button lvType="link" lvLoading>Text Button</button>
    <button lv-button lvType="link" [disabled]="true">Text Button</button>
    <button lv-button lvType="link" [disabled]="true">
      <i lv-icon="lv-icon-search" lvColorState></i>
      <span>Text Button</span>
    </button>
  </section>
  <section class="content-section-flex">
    <button lv-button lvDanger lvType="primary">Danger Button</button>
    <button lv-button lvDanger lvType="primary">
      <i lv-icon="lv-icon-search" lvColorState></i>
      <span>Danger Button</span>
    </button>
    <button lv-button lvDanger lvType="primary" lvLoading>Danger Button</button>
    <button lv-button lvDanger lvType="primary" [disabled]="true">Danger Button</button>
    <button lv-button lvDanger lvType="primary" [disabled]="true">
      <i lv-icon="lv-icon-search" lvColorState></i>
      <span>Danger Button</span>
    </button>
  </section>
  <section class="content-section-flex">
    <button lv-button lvDanger>Danger Button</button>
    <button lv-button lvDanger>
      <i lv-icon="lv-icon-search" lvColorState></i>
      <span>Danger Button</span>
    </button>
    <button lv-button lvDanger lvLoading>Danger Button</button>
    <button lv-button lvDanger [disabled]="true">Danger Button</button>
    <button lv-button lvDanger [disabled]="true">
      <i lv-icon="lv-icon-search" lvColorState></i>
      <span>Danger Button</span>
    </button>
  </section>
  <section class="content-section-flex">
    <button lv-button lvDanger lvType="link">Danger Button</button>
    <button lv-button lvDanger lvType="link">
      <i lv-icon="lv-icon-search" lvColorState></i>
      <span>Danger Button</span>
    </button>
    <button lv-button lvDanger lvType="link" lvLoading>Danger Button</button>
    <button lv-button lvDanger lvType="link" [disabled]="true">Danger Button</button>
    <button lv-button lvDanger lvType="link" [disabled]="true">
      <i lv-icon="lv-icon-search" lvColorState></i>
      <span>Danger Button</span>
    </button>
  </section>
</section>
